@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.choice-blueprint__buttons {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;

	@include break-small {
		display: block;
		align-items: unset;
	}
}

.choice-blueprint__button {
	width: 200px;
	justify-content: center;
}

.choice-blueprint__go-back-button {
	width: fit-content;
}

.choice-blueprint__cancel-button {
	margin-inline-end: 8px;
}

.choice-blueprint__content-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 16px 0;
}

.choice-blueprint__content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.choice-blueprint__content p,
.choice-blueprint__content-list li {
	@include body-large;
	color: var(--color-text);
}
